<template>
    <div class="welcome-top"
         style="display: flex;justify-content: center; align-items: center; flex-flow: column; background-color: white">
        <router-link style="margin-top: 20px;text-align: center" to="home">
            <div class="welcome" style=""></div>
            <div style="color: #eb5717;height: 80px"><h2 style="display: inline;">欢饮使用油巴平台，点击进入>></h2></div>
        </router-link>

    </div>
</template>
<script>
    import header from '../packages/header'
    import footer from '../packages/footer.vue'

    export default {
        name: 'hello',
        components: {
            'yb-header': header,
            'yb-footer': footer
        },
        data() {
            return {}
        },
        methods: {}
    }
</script>
<style lang="less">
    @import "../less/variables";

    .welcome-top a:hover {
        text-decoration: none !important;
    }
    .welcome-top a:active {
        text-decoration: none !important;
    }

    .welcome {
        width: 939px;
        height: 613px;
        background-image: url('../assets/welcome.png');
        .full-img;
    }
</style>
